<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="../../css/public.css">

    <style type="text/css">
        .pic-cont {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 233px;
            border: 1px dashed #d9d9d9;
            background-image: url(../../images/add.png);
            background-size: 50px;
            background-repeat: no-repeat;
            background-position: center;
            border-radius: 6px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

        .J-user-header-img {
            width: auto;
            height: 100%;
        }
        .layui-table-body{overflow-x: hidden;}
    </style>
</head>

<body class="tbody">
    <!-- 编辑奖品按钮弹出界面 -->
    <form class="layui-form layui-form-pane layui-container layui-col-space10" lay-filter="dataform">
        <input type="text" class="layui-input" autocomplete="off" name="id" style="display: none;">
        <div class="layui-col-xs12">
            <table id="tableList" class="layui-table" lay-filter="tableList" lay-skin="line" style="height:353px;"
                lay-data="{cellMinWidth: 150, height: 460,id: 'tableListTable', page:false, toolbar:'#tableListHeadBar', defaultToolbar:[]}">
                <thead>
                    <tr>
                        <th lay-data="{width: 60, field:'prize_level'}">等级</th>
                        <th lay-data="{field:'name'}">商品名称</th>
                        <th lay-data="{width: 80, field:'amount'}">数量</th>
                        <th lay-data="{width: 80, field:'odd'}">概率</th>
                        <th lay-data="{width: 80, field:'base'}">基数</th>
                        <th lay-data="{width: 80,templet: '#tableListBar'}"></th>
                    </tr>
                </thead>
            </table>
            <div class="layui-input-block layui-right" style="position: fixed; bottom: 13px; right: 13px;">
                <!-- 确定请求上线借口 -->
                <button class="layui-btn " lay-submit="" lay-filter="save" data-type="upline">确定</button>
            </div>
            <!--模板-->
            <script type="text/html" id="tableListHeadBar">
                <!-- 请求添加奖品借口 -->
                <div class="layui-btn layui-btn-xs" lay-event="addPrize"><i class="layui-icon layui">&#xe624;</i>奖品</div>
		    </script>
            <script type="text/html" id="tableListBar">
			    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
		    </script>
        </div>
    </form>
    <script type="text/javascript" src="../../js/jquery.min.js"></script>
    <script type="text/javascript" src="../../js/jquery.form.js"></script>
    <script type="text/javascript" src="../../layui/layui.js"></script>
	<script type="text/javascript" src="../../js/jsCtl.js"></script>
    <script type="text/javascript" src="../../js/compressImg.js"></script>
    <script type="text/javascript" src="editPrize.js"></script>
</body>

</html>